<template>
  <table  class="table table-bordered table-hover">
    <caption>配置任务</caption>
    <thead>
        <tr>
          <th class="col-xs-1">任务名称</th>
          <th class="col-xs-2">开始时间</th>
          <th class="col-xs-2">结束时间</th>
          <th class="col-xs-2">任务链接</th>
          <th class="col-xs-1 text-right">奖励贝塔币</th>
          <th class="col-xs-1">按钮文案</th>
          <th class="col-xs-1 text-center">显示</th>
          <th class="col-xs-1 text-center">有效</th>
          <th class="col-xs-1"></th>
        </tr>
    </thead>
    <tbody>
      <tr v-for="item in activityList">
          <td class="col-sm-1">{{item.name}}</td>
          <td class="col-sm-2">{{item.startTime}}</td>
          <td class="col-sm-2">{{item.endTime}}</td>
          <td class="col-sm-2">{{item.skipUrl}}</td>
          <td class="col-sm-1 text-right">{{item.gold}}</td>
          <td class="col-sm-1">{{item.title}}</td>
          <td class="col-sm-1 text-center">{{ +item.hide === 0 ? '是' : '否'}}</td>
          <td class="col-sm-1 text-center">{{+item.invalid === 0 ? '是' : '否'}}</td>
          <td class="col-sm-1 text-right">
            <button class="btn btn-sm btn-primary" @click="modifyAc(item)">修改</button>
          </td>
      </tr>
    </tbody>
  </table>
  <vue-pages :pages.sync="pages" :get-list="getList"></vue-pages>
  <activity-configure :show-configure.sync="showConfigure" :ac.sync="ac" :is-add.sync = false title="修改任务"></activity-configure>
</template>
<style src="./activity-list.css" scoped></style>
<script src="./activity-list.js"></script>